<template>
  <div id="app">
    <header></header>
    <footer>
      <img :src="imgurl" alt="">
    </footer>
  </div>
</template>

<script>
import "@/assets/style/normalize.min.css";
import "@/assets/style/common.min.css";
// import "@/assets/style/animate.min.css";
// import '@/assets/js/jquery-1.8.2.min.js'
import '@/assets/js/banshare.min.js'
// import '@/assets/js/openInWeChat.js'

export default {
  name: "App",
  data() {
    return {
      imgurl: require('@/assets/img/wechat.png')
    };
  }
};
</script>
<style lang="less">
html {
  width: 100%;
  height: 100vh;

  font-size: 24px;
}
body {
  margin: 0 auto;
  width: 100%;
  max-width: 640px /*no*/;
  height: 100vh;
  background: #383433;
}

#app {
  width: 100%;
  height: 100vh;
  background: url("./assets/img/movie.png") no-repeat;
  background-size: 100% auto;
  header {
    width: 232px;
    height: 91px;
    background: url("./assets/img/m-logo.png") no-repeat;
    background-size: 100% auto;
  }
  footer {
    margin-top: 700px;
    text-align: center;
    img {
      width: 462px;
      height: 410px;
    }
  }
}
</style>


